<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>findbook</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
  	<div id="header">
  	  <h1>findbook</h1>
  	  <form>
  	    <input class="query" type="text" value="Quantum Mechanics">
  	    <input class="submit" type="submit" value="Search">
  	  </form>
  	  <div class="clear"></div>
    </div>
    <div id="legend">
      <a class="hider" href="">hide</a>
  	  <h3>Advanced search terms</h3>
  	  <dl class="searchterms">
  	    <dt>topic:</dt>
  	    <dd>Book topic</dd>
  	    <dt>title:</dt>
  	    <dd>Book title</dd>
  	    <dt>author:</dt>
  	    <dd>Book author</dd>
  	    <dt>publisher:</dt>
  	    <dd>Book publisher</dd>
  	    <dt>year:</dt>
  	    <dd>Publication year<br>or range of years</dd>
  	    <dt>isbn:</dt>
  	    <dd>ISBN-10 or ISBN-13</dd>
  	  </dl>
  	  <h3>Examples</h3>
  	    <ul>
  	      <li><code>title:Don Quixote</code></li>
  	      <li><code>topic:physics author:Hawking</code></li>
  	      <li><code>title:Dictionary publisher:Pearson</code></li>
  	      <li><code>topic:agriculture year:1950-1960</code></li>
  	      <li><code>isbn:978-0321210265</code></li>
  	    </ul>
  	</div>
  	<div id="refinement">
  	  <h2>Results by &#8230;</h2>
  	  <h3>Topic</h3>
  	  <ul>
  	  	<li><a href="">Physics (534)</a></li>
  	  	<li><a href="">Philosophy (253)</a></li>
  	  	<li><a href="">History (98)</a></li>
  	  	<li><a href="">Biology (37)</a></li>
  	  	<li><a href="">Others (54)</a></li>
  	  </ul>
  	  <h3>Author</h3>
  	  <ul>
  	  	<li><a href="">Douglas R. Hofstadter (32)</a></li>
  	  	<li><a href="">Simon Singh (29)</a></li>
  	  	<li><a href="">Stephen Hawking (12)</a></li>
  	  	<li><a href="">Others (24)</a></li>
  	  </ul>
  	  <h3>Publisher</h3>
  	  <ul>
  	  	<li><a href="">Prentice Hall (142)</a></li>
  	  	<li><a href="">Penguin Books (113)</a></li>
  	  	<li><a href="">Random House (83)</a></li>
  	  	<li><a href="">Bloomsbury (50)</a></li>
  	  	<li><a href="">Pearson (24)</a></li>
  	  	<li><a href="">Others (15)</a></li>
  	  </ul>
  	  <h3>Availability</h3>
  	  <ul>
  	  	<li><a href="">Available (633)</a></li>
  	  	<li><a href="">On loan (153)</a></li>
  	  	<li><a href="">Reserved (43)</a></li>
  	  </ul>
  	</div>
  	<div id="results">
  		<p class="related">You might also be interested in <a href="">quantum leap</a>, <a href="">theory of relativity</a> or <a href="">uncertainty principle</a>.</p>
  		<h2>Search Results</h2>
  		<ul>
  			<li>
  				<p><a class="title" href="">Mathematical Methods in Quantum Mechanics</a> by <a class="author" href="">Gerald Teschl</a></p>
  				<p><a class="request" href="">Request</a><span class="availability available">Available</span><span class="year">2009</span>, <a class="publisher" href="">American Mathematical Society</a></p>
  			</li>
  			<li>
  				<p><a class="title" href="">The Paradox of Countertransference: You and Me, Here and Now</a> by <a class="author" href="">Carol Holmes</a></p>
  				<p><a class="request" href="">Request</a><span class="availability onloan">On Loan</span><span class="year">2005</span>, <a class="publisher" href="">Palgrave Macmillan</a></p>
  			</li>
  			<li>
  				<p><a class="title" href="">Chaos in Atomic Physics</a> by <a class="author" href="">R. Bl&uuml;mel and W. P. Reinhardt</a></p>
  				<p><a class="request" href="">Request</a><span class="availability reserved">Reserved</span><span class="year">1997</span>, <a class="publisher" href="">Cambridge University Press</a></p>
  			</li>
  		</ul>
  	</div>
  </body>
</html>